<template>
  <ul>
    <li class="accorder_list_li"  v-for="(item,key) in extensionorderlist" :key="key">
      <img :src="item.picture" alt="">
      <span class="accorder_list_right">
          <p class="accorder_list_text1">{{item.title}}</p>
          <span class="accorder_tuiguang">
            <span>佣金比例:{{item.client_ailot}}%</span>
          </span>
          <p class="accorder_shouyi">累积收益:{{item.profit_price}}0元</p>
        </span>
    </li>
  </ul>
</template>

<script>
export default {
  name: 'ExtensionOrderList',
  props: {
    extensionorderlist: {}
  }
}
</script>

<style lang="less" scoped>
  .accorder_list_title {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #acacac;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
  strong {
    font-weight: 600;
    font-size: 18px;
    color: black;
  }
  }
  .accorder_list_li{
    /*width: 100%;*/
    height: 140px;
    padding-left: 15px;
    border-bottom: 1px solid #f5efef;
    display: flex;
    align-items: center;
  img{
    width: 40%;
    height: 110px;
    border-radius: 10px;
  }
  .accorder_list_right{
    width: 50%;
    height: 110px;
    padding-left: 5px;
    overflow: hidden;
  .accorder_list_text1{
    width: 100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 16px;
  }
  .accorder_tuiguang{
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  span{
    font-size: 14px;
    color: #acacac;
  }
  }
  .accorder_shouyi{
    font-size: 14px;
    margin-top: 20px;
    color: #dc376d;
  }
  }
  }
</style>
